.editor-container {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    transition: border-color 0.2s;
    position: relative;
    display: flex;
    flex-direction: column;
    height: v-bind(editorHeight);
  }
  
  :deep(.ql-editor) {
    flex: 1;
    min-height: 120px;
  }
  
  
  
  :deep(.ql-toolbar) {
    position: sticky;
    top: 60px;
    /* 根据导航栏实际高度调整，示例为60px */
    z-index: 999;
    /* 低于导航栏的z-index */
    background: #f8f9fa;
    border: none;
    border-bottom: 1px solid #dcdfe6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  
    .ql-stroke {
      stroke: #606266 !important;
      /* 图标颜色 */
      stroke-width: 1.5px;
      /* 线条粗细 */
    }
  
    button:hover .ql-stroke {
      stroke: #409eff !important;
      /* 悬停颜色 */
    }
  
    .ql-active .ql-stroke {
      stroke: #409eff !important;
      /* 激活状态颜色 */
    }
  }
  
  :deep(.ql-container) {
    border: none;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    flex: 1;
    overflow: auto;
    overflow: hidden;
  }
  
  :deep(.ql-color .ql-picker-label) {
    width: 24px;
    height: 24px;
    padding: 2px;
  }
  
  :deep(.ql-color .ql-picker-options) {
    padding: 8px;
    width: 150px;
  }
  
  :deep(.ql-color .ql-picker-item) {
    border-radius: 4px;
    margin: 2px;
    width: 20px;
    height: 20px;
  }